@use '../../../../scss/gio-layout' as gio-layout;

:host {
  @include gio-layout.gio-responsive-margin-container;
}

.org-settings-user-detail__card {
  display: flex;

  &__left {
    flex: 1 1 80px;
    padding: 0 16px;

    display: flex;
    flex-direction: column;
    align-items: center;

    &__avatar {
      margin: 8px 16px 8px 16px;
    }

    &__tags {
      margin: 8px 0;
    }

    &__btn {
      margin: 8px 0;
    }
  }

  &__right {
    flex: 1 1 auto;
  }
}
